.container {
  caret-color: transparent;

  .header {
    position: absolute;
    top: -16px;
    left: 45%;
    z-index: 101;
    display: flex;
    justify-content: center;
    height: 100px;

    .logoText {
      display: flex;
      align-items: center;

      .logobottom {
        font-size: 20px;
        text-shadow: 0 -1px 0 rgb(250, 243, 213), 0 1px 0 rgb(248, 242, 215),
          0 5px 0 rgb(247, 239, 206), 0 6px 0 rgb(245, 241, 222), 0 7px 0 rgb(244, 238, 216);
      }

      .logoTop {
        position: relative;
        margin: 0;
        color: transparent;
        font-size: 48px;
        background-clip: text;
      }

      .logoTop::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(
          120deg,
          transparent 0%,
          transparent 6rem,
          white 11rem,
          transparent 11.15rem,
          transparent 15rem,
          rgba(255, 255, 255, 0.3) 20rem,
          transparent 25rem,
          transparent 27rem,
          rgba(255, 255, 255, 0.6) 32rem,
          white 33rem,
          rgba(255, 255, 255, 0.3) 33.15rem,
          transparent 38rem,
          transparent 40rem,
          rgba(255, 255, 255, 0.3) 45rem,
          transparent 50rem,
          transparent 100%
        );
        background-repeat: no-repeat;
        background-size: 150% 100%;
        background-clip: text;
        animation: shine 5s infinite linear;
        content: attr(data-text);
      }

      @keyframes shine {
        0% {
          background-position: 50% 0;
        }

        100% {
          background-position: -190% 0;
        }
      }
    }
  }

  .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: calc(100vh - 94px);
    margin: 15px 0;
    padding-top: 30px;
    background-color: #f7f7f7;

    .goodsContent {
      width: 1200px;
      margin: 50px 0 20px 0;
      border-radius: 10px;

      .tableTitle {
        margin: 20px 0 0 12px;
        color: #000;
        font-size: 16px;
        font-family: PingFangSC-Medium;
        cursor: context-menu;

        .triangleLittle {
          margin-left: 12px;
          font-size: 14px;
        }
      }

      .goodsTable {
        .tablePages {
          display: flex;
          justify-content: flex-end;
          width: 100%;
          margin: 20px 0;
          padding-right: 35px;
        }
      }
    }

    :global {
      .ant-collapse {
        width: 1200px;
        height: 500px;
      }

      .ant-collapse-borderless
        > .ant-collapse-item
        > .ant-collapse-content
        > .ant-collapse-content-box {
        caret-color: transparent;
      }

      .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
        font-weight: 600;
      }
    }
  }

  .intoImg {
    width: 270px;
    margin-right: 25px;
  }

  .goodsImg {
    width: 270px;
    margin-right: 25px;
    cursor: pointer;
  }

  .floatBtn {
    position: fixed;
    right: 49px;
    bottom: 120px;
  }

  .leftFloat {
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  .rightFloat {
    width: 99px;
    height: 99px;
  }
}
